<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="box"></div>

  <script src="./jquery-3.4.1.min.js"></script>
  <script>

    $("#box").click(function (e) {

      // e.type  事件类型  click / dblclick
      // e.target  事件源 发生事件的元素
      // e.pageX e.pageY  鼠标相对整个文档的x轴和y轴的位置

      // 阻止事件冒泡兼容写法
      // e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

      // e.preventDefault() //阻止默认行为  return false 

    })

    $(document).keydown(function (e) {
      var keyCode = e.keyCode || e.which;// 键盘编码
      // 回车 13  alt 18 ctrl 17 shift 16  
      console.log(keyCode)

    })

  </script>
</body>

</html>